@mixin labelTag{
    position: absolute;
    // left: 12px;
    z-index: 2;
    background-color: var(--el-bg-color-overlay);
    line-height: 10px;
    font-size: 10px;
    font-weight: bold;
    color: var(--theme-color-blue);
    margin-left:10px;
    margin-top:-4px;
}

.left-label {
    @include labelTag;
    // top: -6px;
}

.required,.is-required{
    .left-label{
        color: var(--el-color-danger);
    }
}

.is-error{
    .el-form-item__error{
        font-size: 10px;
    }
}

/* 悬浮效果 start */

.label-fly-wrapper{
    position: absolute;
    top: -6px;
    left: 12px;
    z-index: 2;
    background-color: var(--el-bg-color-overlay);
    line-height: 10px;
    font-size: 10px;
    font-weight: bold;
    color: var(--theme-color-blue);
}

.label-fly {
    transition: all 0.3s ease;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    color: #999;
    pointer-events: none;
    background: transparent;
    font-size: var(--el-input-font-size);
}

.label-fly-prefix{
    left: 30px;
}
  
.label-fly.is-focused {
    @include labelTag;
    top: -5%;
}
/* 悬浮效果 end */
